﻿<!DOCTYPE html>
<html lang="zxx">
   <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <meta name="format-detection" content="telephone=no" />
      <meta name="apple-mobile-web-app-capable" content="yes" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" href="css/font-awesome.min.css">
      <link href="css/animate.css" rel="stylesheet">
      <link href="icofont.min.css" rel="stylesheet" type="text/css">
      <link href="css/swiper.css" rel="stylesheet" type="text/css">
      <link href="css/owl.carousel.min.css" rel="stylesheet">
      <link href="css/style.css" rel="stylesheet" type="text/css">
      <link href="css/responsive.css" rel="stylesheet" type="text/css">
      <link href="css/magnific-popup.css" rel="stylesheet">
      <title>Fitaza</title>
      <!--================ Our header Section =================-->
   </head>
   <body>
      <header class="header1">
         <div class="header-top">
            <div class="container">
               <div class="header_top_inner">
                  <div class="pull-left">
                     <a href=""><i class="fa fa-phone"></i>+(1800) 5683248</a> 
                     <a href="#"><i class="fa fa-envelope-o"></i>info@fitaza.com</a> 
                     <a><i class="fa fa-clock-o"></i>Mon-Sat: 9 am to 5 pm </a>
                  </div>
                  <div class="pull-right">
                     <ul class="header_social">
                        <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-twitter" ></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="tt-header logo-switch">
            <div class="container">
               <div class="top-inner clearfix">
                  <div class="logo pull-left main-logo">
                     <a href="index.html">
                        <img src="images/logo-top.png" class="img-responsive white" alt="" title="logo">
                        <img src="images/logo-1.png" class="img-responsive green" alt="" title="logo">
                     </a>
                  </div>
                  <div class="cmn-toggle-switch"><span></span></div>
               </div>
               <div class="toggle-block">
                  <div class="toggle-block-container">
                     <nav class="main-nav clearfix">
                        <ul>
                           <li class="active parent">
                              <a href="#"><span>Home<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="index.html"><span>Home One</span></a></li>
                                 <li><a href="index-2.html"><span>Home Two</span></a></li>
                                 <li><a href="index-3.html"><span>Home Three</span></a></li>
                                 <li><a href="index-4.html"><span>Home Four</span></a></li>
                                 <li><a href="index-5.html"><span>Home Five</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>About Us <i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="about.html"><span>About</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="classes.html"><span>Classes<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="runing-fitness.html"><span>Running Classes</span></a></li>
                                 <li><a href="weight-lifting.html"><span>Weight Lifting Classes</span></a></li>
                                 <li><a href="organic-yoga.html"><span>Organic Yoga Classes</span></a></li>
                                 <li><a href="body-building.html"><span>Body Building Classes</span></a></li>
                                 <li><a href="raw-fitness.html"><span>Raw Fitness Classes</span></a></li>
                                 <li><a href="body-combact.html"><span>Body Combat Classes</span></a></li>
                                 <li><a href="strength-training.html"><span>Strength Training</span></a></li>
                                 <li><a href="power-yoga.html"><span>Power Yoga</span></a></li>
                                 <li><a href="pilates-fitness.html"><span>Pilates Fitness</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Events<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="event.html"><span>Events 2 Columns</span></a></li>
                                 <li><a href="events-details.html"><span>Event Details</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Blog<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="blog-lefttsidebar.html"><span>Blog Left Sidebar</span></a></li>
                                 <li><a href="blog-rightsidebar.html"><span>Blog Right Sidebar</span></a></li>
                                 <li><a href="blogwithout-sidebar.html"><span>Blog Without Sidebar</span></a></li>
								 <li><a href="blog-details.html"><span>Blog Details</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Pages<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="404.html"><span>404</span></a></li>
                                 <li><a href="maintenance.html"><span>Maintenance</span></a></li>
                                 <li><a href="coming-soon.html"><span>Coming soon</span></a></li>
                                 <li><a href="testimonial.html"><span>Testimonial</span></a></li>
                                 <li><a href="appointment.html"><span>Appointment</span></a></li>
                                 <li><a href="faq.html"><span>Faq</span></a></li>
                                 <li  class="parent">
                                    <a href="gallery2column.html"><span>Gallery <i class="menu-toggle fa fa-angle-down"></i></span></a>
                                    <ul>
                                       <li><a href="gallery2column.html"><span>Gallery 2 Column</span></a></li>
                                       <li><a href="gallery3column.html"><span>Gallery 3 Column</span></a></li>
                                       <li><a href="gallery4column.html"><span>Gallery 4 Column</span></a></li>
                                    </ul>
                                 </li>
								 <li><a href="trainers.html"><span>Trainers</span></a></li>
                                 <li><a href="trainers-detail.html"><span>Trainer Details</span></a></li>
                              </ul>
                           </li>
                           <li class="parent">
                              <a href="#"><span>Shop<i class="menu-toggle fa fa-angle-down"></i></span></a>
                              <ul>
                                 <li><a href="shop.html"><span>Shop</span></a></li>
                                 <li><a href="shop-detail.html"><span>Shop Detail</span></a></li>
                                 <li><a href="shop-cart.html"><span>Shop Cart</span></a></li>
                                 <li><a href="checkout.html"><span>Checkout</span></a></li>
                              </ul>
                           </li>
                           <li>
                              <a href="contactus.html"><span>Contact Us</span></a>
                           </li>
                        </ul>
                     </nav>
                  </div>
               </div>
            </div>
         </div>
      </header>
      <!--================ Our header Section end from hear=================-->
      <!--================ Our banner Section =================-->
      <div class="banner">
			<div class="container">
				<div class="row">
					<h1 class="banner_title">Shop Details</h1>
					<div class="breadcrumb">
					    <ul>
					         <li><a href="index.html">Home</a></li>
							 <li><i class="fa fa-angle-right" aria-hidden="true"></i></li> 
					         <li><a href="shop.html">Shop</a></li>
					         <li><i class="fa fa-angle-right" aria-hidden="true"></i></li> 
					         <li class="active"><a href="shop-detail.html">Shop Details</a></li>
					    </ul>
					</div>
				</div>
			</div>
		</div>
	  
      <!--================ Our banner Section end =================-->
      <!--================ Welcome To CATEGORIES=================-->
      <div class="shop-card">
         <div class="blog_left_sidebar cellpadding">
            <div class="container">
               <div class="row">
                  <div class="col-md-4 col-sm-4 left-column shop_del">
                     <aside class="blogAside">
                        <div class=" wdt-100 marbtm50">
                           <h4 class="main-filter">FILTER BY PRICE</h4>
                           <div class="filter-price">
                              <div class="gray-line">
                                 <div class="left-price">
                                    <span class="gray-circle"></span>
                                    <div class="price">Price: <span>$40</span></div>
                                 </div>
                                 <div class="left-price right-price">
                                    <span class="gray-circle"></span>
                                    <div class="price">Price: <span>$270</span></div>
                                 </div>
                              </div>
                           </div>
                           <div class="sim-button button8">
                              <span>Filter</span>
                           </div>
                        </div>
                        <!-- 	Category-START 	-->
                        <div class="recentTitle">
                           <h5 class="h5 as">PRODUCT CATEGORIES</h5>
                        </div>
                        <ul class="categoriesList normall">
                           <li><a href="#">Exercise</a> </li>
                           <li><a href="#">Boxing</a> </li>
                           <li><a href="#">Accessories</a> </li>
                           <li><a href="#">Fitness Products</a> </li>
                           <li><a href="#">Fitness Tools</a> </li>
                        </ul>
                        <h3 class="pupler-heading">Top Rated Products</h3>
                        <div class="Populas">
                           <div class="row">
                              <div class="col-md-4 col-sm-4  col-xs-6 image">
                                 <div class="pupler-image">
                                    <img src="images/Bloge-image/bloge-2.jpg" alt="" class="img-responsive">
                                 </div>
                              </div>
                              <div class="col-md-8 col-sm-8 col-xs-9 text">
                                 <h4 class="fitness-text">Fitnes Products</h4>
                                 <p class="pupler-text">Lorem ipsum dolor sit 
                                    amet, consectetur 
                                 </p>
                                 <div class="man-f">
                                    <h6 class="econs">£20.00</h6>
                                    <div class="star">
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="Populas">
                           <div class="row">
                              <div class="col-md-4 col-sm-4  col-xs-6 image">
                                 <div class="pupler-image">
                                    <img src="images/blog/bloge-2jpg.jpg" alt="" class="img-responsive">
                                 </div>
                              </div>
                              <div class="col-md-8 col-sm-8 col-xs-9 text">
                                 <h4 class="fitness-text">Dumbbells</h4>
                                 <p class="pupler-text">Lorem ipsum dolor sit 
                                    amet, consectetur 
                                 </p>
                                 <div class="man-f">
                                    <h6 class="econs">£20.00</h6>
                                    <div class="star">
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="Populas">
                           <div class="row">
                              <div class="col-md-4 col-sm-4  col-xs-6 image">
                                 <div class="pupler-image">
                                    <img src="images/blog/bloge-5.jpg" alt="" class="img-responsive">
                                 </div>
                              </div>
                              <div class="col-md-8 col-sm-8 col-xs-9 text">
                                 <h4 class="fitness-text">Leather Rope</h4>
                                 <p class="pupler-text">Lorem ipsum dolor sit 
                                    amet, consectetur 
                                 </p>
                                 <div class="man-f">
                                    <h6 class="econs">£20.00</h6>
                                    <div class="star">
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="Populas">
                           <div class="row">
                              <div class="col-md-4 col-sm-4  col-xs-6 image">
                                 <div class="pupler-image">
                                    <img src="images/blog/bloge-3.jpg" alt="" class="img-responsive">
                                 </div>
                              </div>
                              <div class="col-md-8 col-sm-8 col-xs-9 text">
                                 <h4 class="fitness-text">Fitnes Tool</h4>
                                 <p class="pupler-text">Lorem ipsum dolor sit 
                                    amet, consectetur 
                                 </p>
                                 <div class="man-f">
                                    <h6 class="econs">£20.00</h6>
                                    <div class="star">
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="Populas">
                           <div class="row">
                              <div class="col-md-4 col-sm-4  col-xs-6 image">
                                 <div class="pupler-image">
                                    <img src="images/blog/bloge-4.jpg" alt="" class="img-responsive">
                                 </div>
                              </div>
                              <div class="col-md-8 col-sm-8 col-xs-9 text">
                                 <h4 class="fitness-text">Rumble Roller</h4>
                                 <p class="pupler-text">Lorem ipsum dolor sit 
                                    amet, consectetur 
                                 </p>
                                 <div class="man-f">
                                    <h6 class="econs">£20.00</h6>
                                    <div class="star">
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                       <i class="icofont icofont-star icofont1"></i>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </aside>
                  </div>
                  <!--=========Shop Right Start============-->
                  <div class="main2-shoping detail main-89 text-area text-btne">
                     <div class="col-md-8 right-column pull-right">
                        <div class="wdt-100 marbtm50">
                           <div class="product-desc">
                              <h2>Fitness Product</h2>
                              <p class="fnt-17">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Consect petur adipiscing elit. Consect petur adipiscing elit.</p>
                              <span class="price">£20.00</span>
                              <div class="quantity-cl">
                                 <span class="plus-minus">+</span>
                                 <input name="name" type="text" class="quantity-input" value="1">
                                 <span class="plus-minus">-</span>
                              </div>
                              <a class="header-requestbtn filter-link add-cart-link hvr-bounce-to-right sim-button button8 " href="#"><span>ADD TO CART</span></a>
                              <ul class="prd-info-list">
                                 <li><span>Categories:</span> Popular Tools, Small Tools</li>
                                 <li><span>Tags:</span> Measure, Tool</li>
                              </ul>
                              <div class="header-socials footer-socials product-socials"> 
                                 <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> 
                                 <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> 
                                 <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> 
                                 <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> 
                              </div>
                           </div>
                           <div class="product-slider">
                              <img src="images/shop-Detail/sho-detail-1.jpg" class="img-responsive" alt="product-large-image">
                           </div>
                        </div>
                        <div class="wdt-100 marbtm50">
                           <h4 class="fnt20">Product Description</h4>
                           <p>Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Aenean lacinia. Donec ullamcorper nulla non metus auctor fringilla.</p>
                        </div>
                        <div class="wdt-100">
                           <h4 class="fnt20">Reviews (0)</h4>
                           <h5 class="fnt-17"><strong class="client-review">Be the first to review "Tape Measure"</strong></h5>
                           <p>Your email address will not be published. Required fields are marked *</p>
                           <div class="rating-cl">
                              <h5 class="yoe-rt">Your rating
                                 <span class="rating-img">
                                 <img src="images/shop-Detail/yellow-star1.jpg" alt="rate-image"> 
                                 <img src="images/shop-Detail/yellow-star1.jpg" alt="rate-image"> 
                                 <img src="images/shop-Detail/yellow-star1.jpg" alt="rate-image"> 
                                 <img src="images/shop-Detail/yellow-star2.jpg" alt="rate-image"> 
                                 <img src="images/shop-Detail/yellow-star3.jpg" alt="rate-image"> 
                                 </span>
                              </h5>
                           </div>
                           <div class="btn-4 btn-send">
                              <form>
                                 <div class="row row_mar_zero_ipad">
                                    <div class="col-md-12 form-field">
                                       <label>Your Review*</label>
                                       <textarea name="comment" id="comment" class="form-comment"></textarea>
                                    </div>
                                    <div class="col-md-12 form-field">
                                       <label>Name *</label>
                                       <input name="name" id="name" type="text" class="form-input" required="">
                                    </div>
                                    <div class="col-md-12 form-field">
                                       <label>Email *</label>
                                       <input name="email" id="email" type="text" class="form-input" required="">
                                    </div>
                                 </div>
                                 <div class="btn-122">
                                    <button type="submit" class="btn sim-button button8">
                                    <span>Submit</span>
                                    </button>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--=========Shop Right end============-->
      <div class="tz-newsletter tz-newsletter-type-1">
         <div class="container">
            <div class="row">
               <div class="newsletter-left col-md-6">
                  <div class="news-icon">
                     <i class="fa fa-paper-plane"></i>
                  </div>
                  <div class="news-content">
                     <h3 class="new-title">
                        Subscribe our newsletter                   
                     </h3>
                     <p>Register now! We will send you best offers for your trip. </p>
                  </div>
               </div>
               <div class="newsletter-right col-md-6">
                  <form class="newsletter">
                     <div class="tnp-field tnp-field-email"><label>email</label>
                        <input class="tnp-email" type="email" name="ne" value="" placeholder="Enter Your Email" required>
                        <button type="submit" class="btn btn-success sim-button button8 btn-effect "><span>Submit</span></button>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <!--================ Our footer Section start=================-->
      <footer class="xyz">
         <div class="footer cellpadding">
            <div class="container">
               <div class="row">
                  <div class="t-footer">
                     <div class="col-sm-4 col-sm-4">
                        <div class="t-footer">
                           <img src="images/footer-logo.png" class="img-responsive" alt="" title="footer-logo">
                           <p>Lorem ipsum dolor sit amet, consectetuer 
                              adipiscing elit. Aenean commodo ligula eget
                              dolor. Aenean massa.
                           </p>
                           <div class="contact">
                              <h4><i class="fa fa-phone"></i> 1(123) 456-7890</h4>
                              <h4><i class="fa fa-map-marker"></i>     San Diego City, US</h4>
                              <h4> <i class="fa fa-clock-o"></i> Mon - Sat 9.00 - 17.00</h4>
                           </div>
                        </div>
                        <!--t-footer-->
                     </div>
                     <!--col-->
                     <div class="col-sm-4 col-sm-4">
                        <div class="t-footer">
                           <h2>Useful Links</h2>
                           <ul class="tt-footer-list">
                              <li><a href="index.html">Home</a></li>
                              <li><a href="about.html">About Us</a></li>
                              <li><a href="faq.html">Faq</a></li>
                              <li><a href="appointment.html">Appointment</a></li>
                              <li><a href="contactus.html">Contact Us</a></li>
                           </ul>
                        </div>
                        <!--t-footer-->
                     </div>
                     <!--col-->
                     <div class="col-sm-4 col-sm-4">
                        <div class="t-footer">
                           <h2  class="last">Opening Hours</h2>
                           <div class="Monday ">
                              <h5>Monday <span>8:00 AM - 4:00 PM</span></h5>
                              <h5>Wednesday<span>8:00 AM - 4:00 PM</span></h5>
                              <h5>Friday <span>8:00 AM - 4:00 PM</span></h5>
                              <h5>Saturday <span>9:00 AM - 3:00 PM</span></h5>
                              <h5>Sunday <span>closed</span></h5>
                           </div>
                        </div>
                        <!--t-footer-->
                     </div>
                     <!--col-->
                  </div>
                  <!--row-->
               </div>
               <!--t-footer-->
            </div>
            <!--container-->
         </div>
         <!--footer-->
         <!--================ Our footer Section start=================-->
         <!--================ Our bottom footer Section start=================-->
         <div class="footer-bottom">
            <div class="container">
               <div class="row">
                  <div class="col-sm-6 col-sd-6 col-xs-12">
                     <div class="tt-copy-left">
                        Copyright © Fitaza 2019. All rights reserved.
                     </div>
                  </div>
                  <div class="col-sm-6 col-xs-12">
                     <div class="tt-copy-right">
                        <p> Created by: &nbsp;<a href="http://www.17sucai.com/">ThemeChampion</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>

      <!-- Back To Top Start -->
      <a id="mkdf-back-to-top" href="#" class="off"><i class="fa fa-chevron-up"></i></a>
      <!-- Back To Top End -->

      <!--================ Our bottom footer Section end=================-->
      <script src="js/jquery.min.js"></script>
      <script src="js/jquery.shuffle.min.js"></script>
      <script src="js/custom.js"></script>
      <script src="js/global.js"></script>
      <script src="js/swiper.jquery.min.js"></script>
      <script src="js/owl.carousel.min.js"></script>
      <script src="js/jquery.magnific-popup.min.js"></script>
      <script src="js/jquery.barfiller.js"></script>
   </body>
</html>
